<html lang="fr">
    <head>
	

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
       
        <title>Boutique culturelle</title>
	<link rel="stylesheet" type="text/css" href="style.css"/>

<header> <table class="table">
		 <td width="5%" rowspan="2" valign="top"><img src="http://www.bankingconnects.com/picts/articles/BC%20Square%20Logo_with%20shadow%202010.jpg"  width="150" height="110" /></td>
		<td>
	 
			<h1><center>BOUTIQUE CULTURELLE</center></h1>  </td>
			
	   <td>
	    <p align="right"><a href=""><strong>Inscription</strong></a><br/> 
		<p align="right"><a href=""><strong> Espace client</strong></a><br/> 
		<p align="right"><a href=""><strong>Panier</strong></a><br/> </td>
     </table>
	
	</header>
</head>
<body>
<div id="menu">
	<ul>
		<li><a href=""><strong>CD</strong></a>
			<ul>
				<li><a href="#">Variété</a></li>
				<li><a href="#">Pop-Rock</a></li>
				<li><a href="#">Dancefloor</a></li>
				<li><a href="#">Rap/Hip-Hop</a></li>
				<li><a href="#">Classique</a></li>
			</ul></li>
		<li><a href=""><strong>DVD</strong></a>
			<ul>
				<li><a href="#">Action</a></li>
				<li><a href="#">Comédie</a></li>
				<li><a href="#">Drame</a></li>
				<li><a href="#">Documentaire</a></li>
				<li><a href="#">Fantastique</a></li>
				<li><a href="#">Jeunesse</a></li>
			</ul></li>
		<li><a href=""><strong>Livres</strong></a>
			<ul>
				<li><a href="#">Classiques</a></li>
				<li><a href="#">Policier</a></li>
				<li><a href="#">Amour</a></li>
				<li><a href="#">BD/Manga</a></li>
				<li><a href="#">Aventure</a></li>
				<li><a href="#">Essais</a></li>
			</ul></li>
		<li><a href=""><strong>Pack Culture</strong></a></li>
		<li><a href=""><strong>Recherche</strong></a></li>

	</ul>
<div/>	

<br/> <br/><br/> <br/><br/><br/> <br/><br/> <br/><br/> 
<form action="traitement.php" method="post">
	<div>
        <label for="nom">Nom :</label>
        <input type="text" id="nom" />
    </div>
    <div>
        <label for="prénom">Prénom :</label>
        <input type="texte" id="prénom" value="" />
    </div>
 	
    <div>
        <label for="courriel">Courriel :</label>
        <input type="email" id="courriel" value="" />
    </div>
    <div>
        <label for="téléphone">Téléphone:</label>
        <input type="texte" id="téléphone" value="" />
    </div>
    <div>
        <label for="n°commande">N°Commande:</label>
        <input type="texte" id="n°commande" value=""/>
    </div>
    <div>
        <label for="message">Message :</label>
        <textarea id="message"></textarea>
    </div>
    <div class="button">
        <button type="submit">Envoyer votre message</button>
    </div>

</form>
<br/> <br/><br/> <br/><br/><br/> <br/><br/> <br/><br/> 